<template>
  <div class="main_wrap">
    <div class="header">
      <a href="#" class="logo"><img src="~@/assets/images/logo.png" alt=""/></a>
      <div class="copyright">
        CopyRight © 2019 深圳百秀信息技术股份有限公司<br />All Rights Reserved
      </div>
    </div>

    <div class="login_form_con">
      <div class="login_title"></div>
      <form class="login_form">
        <i class="iconfont icon-user"></i>
        <i class="iconfont icon-key"></i>
        <input
          type="text"
          v-model="username"
          class="input_txt"
          placeholder="邮箱/手机号"
        />
        <input
          type="password"
          v-model="password"
          class="input_pass"
          placeholder="密码"
        />
        <input
          type="submit"
          class="input_sub"
          value="登 录"
          @click.prevent="doLogin"
        />
      </form>
    </div>
  </div>
</template>

<script>
//导入接口
import { userLogin } from './user.js'
import { saveToken } from '@/utils/token.js'
export default {
  name: 'login',
  data () {
    return {
      username: 'admin',
      password: '123456'
    }
  },
  methods: {
    async doLogin () {
      let res = await userLogin({
        username: this.username,
        password: this.password
      })
      console.log(res)
      // 保存token
      saveToken(res.data.token)
      this.$alert('登陆成功', '友情提示', {
        confirmButtonText: '确定',
        callback: action => {
          this.$router.push('/index')
        }
      })
    }
  }
}
</script>

<style></style>
